<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>21days</title>

		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
		<script type="text/javascript" src="bootstrap-3.3.7-dist/js/jquery.min.js"></script>
		<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>

	</head>

	<body>
		<nav class="navbar navbar-default navbar-static-top ">
			<div class="container">
				<img src="img/01.jpg" / height="80">

			</div>
		</nav>

		<div class="container">
			<div class="row">
				<div class="col-lg-12 jumbotron">
					<div class="carousel slide" data-ride="carousel" data-interval="2000">
						<div class="carousel-inner">
							<div class="item active">
								<p class="text-center">恭喜xxx喜提xx元</p>
							</div>
							<div class="item ">
								<p class="text-center">恭喜xxx喜提xx元</p>
							</div>

						</div>
					</div>
					<hr style="border: 1px solid#080808;" />
				</div>
			</div>

			<div class="row">
				<div class="col-lg-9 ">
					<input type="text" class="form-control" placeholder="请输入搜索内容" />
				</div>
				<div class="col-lg-3">
					<div class="form-group">
						<button type="button" class="btn btn-primary">搜索</button>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-4">
					<div class="thumbnail">
						<img src="img/a.jpg" />
						<div class="caption text-center">
							<span><a href="#" class="btn btn-primary" role="button">01房间</a></span>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="thumbnail">
						<img src="img/b.jpg" />
						<div class="caption text-center">
							<span><a href="#" class="btn btn-primary" role="button">02房间</a></span>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="thumbnail">
						<img src="img/c.jpg" />
						<div class="caption text-center">
							<span><a href="#" class="btn btn-primary" role="button">03房间</a></span>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="thumbnail">
						<img src="img/a.jpg" />
						<div class="caption text-center">
							<span><a href="#" class="btn btn-primary" role="button">04房间</a></span>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="thumbnail">
						<img src="img/b.jpg" />
						<div class="caption text-center">
							<span><a href="#" class="btn btn-primary" role="button">05房间</a></span>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="thumbnail">
						<img src="img/c.jpg" />
						<div class="caption text-center">
							<span><a href="#" class="btn btn-primary" role="button">06房间</a></span>
						</div>
					</div>
				</div>

			</div>

			<div class="row ">
				<ul class="nav nav-tabs nav-justified">
					<li class="active">
						<a href="#"> <button class="btn btn-warning btn-block">我的房间</button></a>
					</li>
					<li>
						<a href="#"><button class="btn btn-success btn-block">主页</button></a>
					</li>
					<li>
						<a href="#"><button class="btn btn-info  btn-block">我</button></a>
					</li>
				</ul>
			</div>

		</div>
	</body>

</html>